/* CEMEX Title: Default CSS Date: October 2010 Author: Pasquale Scerbo (pscerbo@extractable.com) */ /* DO NOT OVERWRITE FILE BEFORE SEARCH FOR ilinium patches */ /*----------------- CSS NORMALIZER -----------------*/ /* - cancels default styles applied to page elements - adjusts default elements between browsers to same baseline */ div, dl, dt, dd, ul, ol, li, pre, hr, form, fieldset, input, th, td {margin:0; padding:0;} address, caption, cite, code, dfn, th, var {font-style:normal; font-weight:normal;} table {border-collapse:collapse; border-spacing:0; font-size:inherit; font-size:100%;} select, input, textarea {font:99% verdana,geneva,sans-serif;} h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-size:100%; font-weight:normal;} fieldset, img {border:0;} img {vertical-align:middle;} select, .inputStyle {border:1px solid #7F9DB9; background:#FFF; padding:.1em; margin:.1em 0 .1em .2em;} legend {display:none;} .skipNavigation {position:absolute; left:0px; top:-500px; overflow:hidden;} select {background:#FFF;} .floatLeft { float: left; } .floatRight { float: right; } .cleaner { clear: both; } .clear2 { clear: both; height: 2px; } .clear5 { clear: both; height: 5px; } .clear10 { clear: both; height: 10px; } .clear15 { clear: both; height: 15px; } .clear30 { clear: both; height: 30px; } .tabClear { clear: both; height: 5px; } a { outline: none; color: #2aaeec; } label { cursor: pointer; } /*----------------- SITE WIDE DEFAULTS -----------------*/ body { margin: 0; padding: 0; background: url("img/bg-page.gif"); font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 1.5em; color: #555; } #center { width: 1034px; margin: auto; } #container { width: 1034px; background: url("img/bg-shadow2.png"); float: left; } #pageWrap { width: 970px; float: left; padding: 0 10px; margin-left: 22px; } a.arrow { background: url("img/bullet-blk-arrow.gif") no-repeat 3px 5px; padding-left: 12px; text-decoration: none; color: #e40000; } a.arrow:hover { text-decoration: underline; } a { color: #e40000; text-decoration: none; } a:hover { text-decoration: underline; } ol { margin: 4px 0 15px 19px; padding: 0; list-style: decimal; } ol li { background: none !important; list-style: decimal !important; padding-bottom: 3px; } /*----------------- HEADER -----------------*/ #header { float: left; position: relative; height: 76px; width: 970px; z-index: 1000; } #header #logo { position: absolute; top: 12px; width: 129px; } #header #search { position: absolute; width: 176px; top: 10px; right: 6px; height: 25px; float: left; z-index: 500; } #header #search input { float: left; background: url("img/bg-search.gif") no-repeat; height: 25px; padding-left: 10px; width: 144px; border: 0; color: #444; font-size: 12px; } #header #search .btn { height: 25px; float: left; width: 22px; background: none; padding-left: 0; } #header #toolbar { position: absolute; top: 12px; right: 190px; height: 35px; } #header #toolbar .worldwide { background: url("img/icon-world.png") no-repeat; padding-left: 20px; } /* Country Dropdown */ #sddm { margin: 0; padding: 0; list-style: none; font-size: 11px; line-height: 1.0em; position: relative; float: left; } #sddm li { float: left; /*border-right: 1px solid red;*/ background: url("img/line-toolbar.gif") no-repeat right; padding: 5px 20px 8px 10px; margin: 0 5px; border-left: 1px solid #FFF; z-index: 1000; border-top: 1px solid #FFF; } #sddm li.last { background: url(img/small-us.gif) no-repeat 5px 5px; border-right: none; padding-right: 5px; border: 1px solid #FFF; z-index: 1000 !important; position: relative !important; padding: 5px 5px 8px 30px; } #sddm li.last:hover { background: url(img/small-us.gif) no-repeat 5px 5px #fdfdfd; border: 1px solid #cecece; border-width: 1px 1px 0 1px; z-index: 1000 !important; } #sddm div { width: 755px; position: absolute; visibility: hidden; margin: 3px 0 0 0; border: 1px solid #cecece; padding: 0; background: #fdfdfd; z-index: 500; right: -190px; top: 20px; } /*Custom Positioning may be necessary for the different languages*/ #sddm li.last .hide { height: 5px; width: 119px; position: absolute; top: 23px; right: 0px; z-index: 1000 !important; display: block; background: #fdfdfd; } #sddm div ul { font-size: 11px; list-style: none; float: left !important; width: 140px; padding: 20px 0; margin-left: 10px; float: left; } #sddm div li { clear: both; border-right: none; margin: 0 0 10px 0; padding: 0; background: none; } #sddm div li img { margin-right: 5px; } /*----------------- MENU -----------------*/ #menu { width: 971px; height: 31px; margin-left: -1px; float: left; background: url("img/bg-menu.gif"); margin-bottom: 2px; z-index: 400; } ul.megamenu { height: 31px; list-style: none; display: none; z-index: 5000;} ul.megamenu li.mm-item { text-align: center; overflow: hidden; width: auto; border: none !important; } ul.megamenu li.clear-fix { float: none; clear: both; margin: 0px; padding: 0px; height: 0px; font-size: 0px; line-height: 0px; } ul.megamenu a.mm-item-link { position: relative; display: inline-block; padding: 8px 54px 0 55px; color: #666 !important; font-weight: bold; height: 22px; border: 1px solid #FFF; border-width: 1px 1px 0 1px; text-decoration: none; z-index: 100; font-size: 13px; } /*Last Link in Menu*/ ul.megamenu a.mm-item-link.last { padding-left: 55px; } /*Menu Hover*/ ul.megamenu a.mm-item-link-hover { color: #e40000 !important; background: #FFF !important; border: 1px solid #cecece !important; border-width: 1px 1px 0 1px !important; height: 25px; } /*Dropdown Wrapper*/ ul.megamenu div.mm-item-content { padding: 0px; margin: 0; position: absolute; z-index: 9; text-align: left !important; } /* Dropdown menu content holder */ .mm-content-base { position: relative; z-index: 11; padding: 22px 15px 20px 5px; margin: 0px 0 0 5px; float: left; background: url("img/bg-menu-drop.png") repeat; border: 1px solid #cecece; } .mm-js-shadow { background: url("img/bg-dropdown-shadow2.png") no-repeat; height: 17px !important; clear: both; z-index: 10; margin-left: 3px; } /* Dropdown Menu - SubMenu */ .dropmenu { float: left; overflow: hidden; margin-bottom: 14px; margin: 0; padding: 0; width: 528px !important; } .dropmenu ul { font-size: 12px; width: 207px; text-align: left; padding: 0; list-style: none; float: left; } .dropmenu ul li { background: none; width: 227px; display: block; padding: 0 !important; margin: 0 0 0 -5px !important; } .dropmenu ul li.subtitle{ color: #666 !important; padding: 3px 5px 5px 28px !important; font-weight: bold;} .dropmenu ul li.last { margin-right: 10px !important; } .dropmenu ul li a { background: url("img/bullet-blk-arrow.gif") no-repeat 33px 10px; display: block; padding: 3px 5px 5px 43px !important; text-decoration: none; } .dropmenu ul li a.subtitle{ background:none; display: block; padding: 3px 5px 5px 28px !important; text-decoration: none; color: #666; font-weight: bold;} .dropmenu ul li a:hover { background: url("img/bullet-blk-arrow.gif") no-repeat 33px 10px #f8f8f8; } .dropmenu ul li a.subtitle:hover { background: none 33px 10px #f8f8f8; } /* Dropdown Menu - Promos */ .dropmenu .promo { float: left; width: 293px; } .dropmenu .promo .left { float: left; width: 121px; margin-right: 9px; } .dropmenu .promo .right { float: left; width: 160px; text-align: left; font-size: 11px; } .dropmenu .promo1 { float: left; width: 293px;} .dropmenu .promo1 .left { float: left; width: 121px; margin: 15px 9px 0 30px; } .dropmenu .promo1 .right { float: left; width: 121px; height:77px; text-align: left; font-size: 11px; margin: 0 0 0 30px; } /*Do not display the "X" button in browsers*/ .dropmenu a.xclose { display: none; } /*Only show the "X" button on the iPad*/ @media only screen and (device-width: 768px) { .dropmenu a.xclose { display: block; margin-top: 10px; position: absolute; bottom: 0; right: 0; } } /*----------------- HOME BANNER -----------------*/ #bannerHome { width: 969px; height: 381px; float: left; margin-bottom: 22px; position: relative; z-index: 1; overflow: hidden; } #bannerHome a.arrow { background: url("img/bullet-blk-arrow.gif") no-repeat 3px 5px; padding-left: 12px; text-decoration: none; color: #000; } #bannerHome a.arrow:hover { text-decoration: underline; } #navPosition { position: relative; float: left; width: 970px; height: 381px; } #pagernav { position: absolute !important; top: 10px; right: 9px; padding: 0; z-index: 10; text-align: right; } #pagernav a { padding: 2px 5px; margin-left: 2px; background: #dedede; text-decoration: none; color: #000; font-size: 11px; } #pagernav a:hover { background: #c3c3c3; } #pagernav a.activeSlide { background: #fd0202; } .bannerInner .text { color: #333; position: absolute; left: 70px; top: 66px; width: 325px; height: 151px; } .bannerInner .text h1 { color: #FFF; font-size: 33px; margin-bottom: 10px; line-height: 1.5em; } .bannerInner .text p { color: #FFF; font-size: 11px; line-height: 1.5em; } .bannerInner .quotes { margin-top: -10px; } /*----------------- HUB PAGE BANNER -----------------*/ #bannerHub { width: 969px; height: 260px; float: left; position: relative; z-index: 5; overflow: hidden; } #bannerHub h1.shadow { font-size: 42px; color: #000; position: absolute; top: 182px; left: 49px; z-index: 10; } #bannerHub h1 { font-size: 42px; color: #FFF; position: absolute; top: 180px; left: 47px; z-index: 10; padding: 20px; } #bannerHub .banImage { position: relative; top: 0; left: 0; z-index: 3; } #bannerHub .banRotate { position: absolute; top: -1px; right: 43px; width: 338px; height: 262px; z-index: 20; } .banRotate { position: absolute; top: 0; right: 43px; width: 338px; height: 260px; background: url("img/bg-smallBanner.png") repeat !important; } #bannerHub #navPosition { position: relative; overflow: hidden; clear: both; width: 338px; height: 260px; } /*{ position: absolute; float: left; width: 338px; height: 260px; top: 0; right: 0px; }*/ #bannerHub #pagernav { position: absolute !important; top: 10px; right: 20px; padding: 0; z-index: 10; text-align: right; } #bannerHub #pagernav a { padding: 2px 5px; margin-left: 2px; background: #dedede; text-decoration: none; color: #000; font-size: 11px; } #bannerHub #pagernav a:hover { background: #c3c3c3; } #bannerHub #pagernav a.activeSlide { background: #fd0202; } /*Text Only*/ #bannerHub /*.bannerInner*/ .textBlock { float: left; clear: both; width: 299px; height: 193px; top: 1px; padding: 50px 21px 17px 18px; background: none !important; } /*{ width: 299px; height: 193px; position: relative; top: 1px; background: url("img/bg-smallBanner.png"); padding: 50px 21px 17px 18px; }*/ #bannerHub /*.bannerInner*/ .textBlock p { color: #FFF; font-size: 16px; line-height: 1.5em; font-weight: bold; } #bannerHub /*.bannerInner*/ .textBlock a.arrow { color: #FFF; background: url("img/bullet-white-arrow.gif") no-repeat 0 7px; margin-left: 5px; } /*{ color: #FFF; background-position: 0 7px; margin-left: 5px; }*/ /*Video Only*/ #bannerHub /*.bannerInner*/ .videoBlock { float: left; clear: both; width: 299px; height: 193px; top: 1px; padding: 35px 21px 17px 18px; background: none !important; } /*{ width: 299px; height: 209px; background: url("img/bg-smallBanner.png"); position: relative; top: 1px; padding: 35px 21px 17px 18px; }*/ #bannerHub /*.bannerInner*/ .videoBlock p { color: #FFF; font-size: 11px; line-height: 1.4em; margin: 10px 0 8px 0; } /*{ color: #FFF; font-size: 11px; line-height: 1.4em; }*/ #bannerHub /*.bannerInner*/ .videoBlock a.arrow { color: #FFF; background: url("img/bullet-white-arrow.gif") no-repeat 0 5px; padding-left: 10px; margin-left: 5px; } /*----------------- CONTENT PAGE BANNER -----------------*/ #bannerSmall { width: 970px; height: 70px; float: left; position: relative; } #bannerSmall .title { position: absolute; left: 35px; top: 0; height: 40px; width: 335px; background: url("img/bg-smallBanner.png"); padding: 30px 0 0 15px; color: #FFF; font-size: 25px; } /*----------------- HOME CAROUSEL -----------------*/ #scroller { float: left; width: 970px; height: 124px; background: url("img/bg-banner-news.png"); position: absolute; bottom: 28px; left: 0; z-index: 5; overflow: hidden; } #scroller .left { float: left; width: 123px; height: 77px; overflow: hidden; margin-right: 9px; } #scroller .right { float: left; width: 158px; height: 77px; overflow: hidden; font-size: 11px; color: #FFF; } #scroller .right a.arrow { background: url("img/bullet-gray-arrow.gif") no-repeat 3px 5px; color: #e40000; } #carousel_inner { float: left; width: 921px; position: relative; overflow: hidden !important; } #carousel_ul { position: relative; left: -307px; list-style-type: none; margin: 0px; padding: 0px; width: 9999px; padding-bottom: 10px; } #carousel_ul li { float: left; width: 290px; padding: 5px; height: 77px; background: url("img/bg-news-scroller.png"); margin-top: 19px; margin-right: 7px; } #carousel_ul li:hover { background: url("img/bg-news-scroller-hover.png"); } #left_scroll { float: left; height: 123px; width: 27px; overflow: hidden; } #right_scroll { float: left; height: 123px; width: 20px; overflow: hidden; } #left_scroll img, #right_scroll img { cursor: pointer; cursor: pointer; } /*----------------- HOME ACCORDION -----------------*/ .accordion { background: none; width: 199px; float: left; font-weight: normal; } /* accordion header */ .accordion h2 { color: #FFF !important; font-size: 12px !important; font-weight: bold !important; background: url("img/close-accordion.gif") no-repeat !important; margin: 0 0 1px 0 !important; padding: 2px 0 0 17px !important; cursor: pointer; height: 22px !important; } /* currently active header */ .accordion h2:hover { cursor: default; background: url("img/open-accordion-selected.gif") no-repeat !important; padding-left: 17px; } .accordion h2.current { cursor: default; background: url("img/open-accordion-selected.gif") no-repeat !important; padding-left: 17px; } /* accordion pane */ .accordion div.pane { display: none; height: 114px !important; font-weight: normal !important; padding: 8px; } .accordion div.pane p { margin: 0 !important; padding: 0 !important; } /*----------------- RIGHT COLUMN ACCORDION -----------------*/ #rightColumn .accordion { background: none; width: 298px; float: left; font-weight: normal; margin-bottom: 25px; } /* accordion header */ #rightColumn .accordion h2 { color: #FFF !important; font-size: 12px !important; font-weight: bold !important; background: url("img/close-accordion.gif") no-repeat !important; margin: 0 0 1px 0 !important; padding: 2px 0 0 17px !important; cursor: pointer; height: 22px !important; } /* currently active header */ #rightColumn .accordion h2:hover { cursor: default; background: url("img/open-accordion-selected.gif") no-repeat !important; padding-left: 17px; } #rightColumn .accordion h2.current { cursor: default; background: url("img/open-accordion-selected.gif") no-repeat !important; padding-left: 17px; } /* accordion pane */ #rightColumn .accordion div.pane { display: none; height: auto !important; height: 0; font-weight: normal !important; padding: 8px; } #rightColumn .accordion div.pane p { margin: 0 !important; padding: 0 !important; } /*Updated Accordion for Media Center*/ #rightColumn .accordionFixed { height: 377px; margin-bottom: 20px; } #rightColumn .trigger { color: #FFF !important; font-size: 12px !important; font-weight: bold !important; background: url("img/open-accordion-selected.gif") no-repeat !important; margin: 0 0 1px 0 !important; padding: 2px 0 3px 17px !important; cursor: pointer; } #rightColumn .triggerContent { clear: both; padding: 0; margin: 0; display: block; padding: 10px 10px 10px 17px; background: url("img/bg-diag.gif"); height: 260px; } #rightColumn .triggerContent p { margin: 5px 0; padding: 0; } #rightColumn .trigger.closedlanguage { background: url("img/close-accordion.gif") no-repeat !important; padding-left: 17px; } /*----------------- HOME CONTENT BLOCKS -----------------*/ /*Block Two*/ #blockOne { float: left; width: 970px; height: 285px; overflow: hidden; margin-bottom: 30px; } #blockOne .one { float: left; width: 199px; height: 285px; overflow: hidden; background: url("img/bg-diag.gif"); margin-right: 10px; } #blockOne .one .accordion .first { margin: -2px 0 0 0; padding: 0; } #blockOne .one .accordion .content { padding: 5px 10px; border-top: 1px solid #FFF; padding-bottom: 10px; clear: both;} #blockOne .one .accordion .content li { list-style: none; } #blockOne .two { float: left; width: 451px; height: 285px; overflow: hidden; background: url("img/bg-diag.gif"); margin-right: 10px; } /* Tabs News - Home Page */ #blockOne .two .newsWrap { float: left; border-bottom: 1px solid #FFF; padding: 10px; } #blockOne .two .newsWrap .left { float: left; width: 75px; margin-right: 10px; font-weight: bold; } #blockOne .two .newsWrap .right { float: left; width: 346px; } #blockOne .two a.more { padding: 0 0 0 15px; margin-left: 10px; } #blockOne #follow { position: absolute; right: 0; top: 0; height: 20px; width: 100px; overflow: hidden; margin-top: 10px; } #blockOne #follow a { width: 20px; height: 20px; border: 0; } #blockOne #follow a:hover img { margin-top: -40px; } #blockOne .three { float: left; width: 300px; height: 285px; overflow: hidden; background: url("img/bg-diag.gif"); } #blockOne .three .text { padding: 8px 13px 11px 13px; background: url("img/bg-diag.gif"); } #blockOne .three p { margin: 0 0 9px 0; } #blockOne h2, #blockTwo h2 { color: #000; font-size: 18px; padding: 7px 0; background: #FFF; } /*Block Two*/ #blockTwo { float: left; width: 970px; height: 285px; overflow: hidden; margin-bottom: 55px; } #blockTwo .one { float: left; width: 199px; height: 285px; overflow: hidden; margin-right: 10px; color: #444; } #blockTwo .one .module { float: left; width: 199px; /*height: 103px;*/ margin-bottom: 7px; overflow: hidden; } #blockTwo .one .module .left { float: left; width: 77px; overflow: hidden; } #blockTwo .one .module .right { float: left; width: 110px; margin-left: 8px; overflow: hidden; padding-top: 5px; } #blockTwo .two { float: left; width: 451px; height: 285px; overflow: hidden; margin-right: 10px; } /*#blockTwo .two .panel { float: left; width: 224px; height: 125px; margin: 0 1px 1px 0; position: relative; }*/ #blockTwo .two .panel { float: left; width: 150px; height: 125px; margin: 0 0 1px 0; position: relative; } /*#blockTwo .two .panel a { width: 224px; height: 125px; display: block; }*/ #blockTwo .two .panel a { width: 149px; height: 125px; display: block; } #blockTwo .two .panel a:hover .title { color: red; text-decoration: none !important; } #blockTwo .two .panel .title { position: absolute; top: 80px; left: 13px; font-size: 20px; padding-bottom: 10px; color: #FFF; font-family: Helvetica, Arial, sans-serif; display: block; } #blockTwo .three { float: left; width: 300px; height: 285px; } #blockTwo .three .module { float: left; width: 300px; height: 77px; margin-bottom: 10px; overflow: hidden; } #blockTwo .three .module .left { float: left; width: 77px; height: 77px; overflow: hidden; } #blockTwo .three .module .right { float: left; width: 209px; height: 63px; overflow: hidden; padding: 2px 7px 7px 7px; } /*Worldwide Map*/ #worldwide { float: left; border: 4px solid #e8e8e8; border-width: 4px 0; padding: 20px 0; width: 970px; margin-bottom: 36px; } #worldwide .left { float: left; width: 738px; margin-left: 10px; } #worldwide .left .content { float: left; width: 210px; position: relative; z-index: 105; } #worldwide .left .map { float: left; width: 304px; margin-left: -43px; position: relative; z-index: 10; } #worldwide .left h2 { color: #000; font-size: 18px; padding: 7px 0; margin-bottom: 38px; } #worldwide .right { float: left; width: 220px; } #worldwide .right p { margin-top: 5px; } /*Regions*/ #northAmerica { position: absolute; top: 0; left: 8px; z-index: 101; } #southAmerica { position: absolute; top: 91px; left: 62px; } #europe { position: absolute; top: 0px; left: 93px; z-index: 100; } #africa { position: absolute; top: 71px; left: 126px; z-index: 100; } #asia { position: absolute; top: 0px; left: 194px; } #image1 { position: absolute; top: 0; left: 8px; z-index: 101; } #image2 { position: absolute; top: 91px; left: 62px; } #image3 { position: absolute; top: 0px; left: 93px; z-index: 100; } #image4 { position: absolute; top: 71px; left: 126px; z-index: 100; } #image5 { position: absolute; top: 0px; left: 194px; } /*----------------- MAP SHOW/HIDE -----------------*/ #maps { position: relative; width: 560px; float: left; margin-left: -43px; } .map-box { float: left; width: 293px; height: 169px; } .map-box { position: relative; width: 304px; height: 185px; float: left; } #areas { float: left; width: 231px; height: 185px; background: url("img/vert-dots.gif") repeat-y; border-right: 1px solid #e8e8e8; padding: 0 10px; } #areas h3 { font-weight: bold; margin-bottom: 5px; } #areas ul { margin: 0; padding: 0; list-style: none; } #areas li { background: url("img/bullet-blk-arrow.gif") no-repeat 0 7px; padding-left: 10px; padding-bottom: 0px; } #areas .left { float: left; width: 110px; display: block !important; margin: 0; padding: 0; } #areas .right { float: left; width: 110px; display: block !important; } /*----------------- TABS -----------------*/ /* root element for tabs */ ul.tabs { list-style: none; margin: 0 !important; padding: 0; height: 34px; background: #FFF; float: left; width: 100%; } /* single tab */ ul.tabs li { background: #FFF; font-size: 18px; float: left; text-indent: 0; padding: 0; margin: 0 !important; list-style-image: none !important;height: 26px;} /* link inside the tab. uses a background image */ ul.tabs a { background: #FFF !important; display: block; height: 26px; text-align: center; text-decoration: none; color: #000; padding: 8px 12px 0 12px; margin: 0px; position: relative; } ul.tabs a:active { outline: none;} /* when mouse enters the tab move the background image */ ul.tabs a:hover { color: #000; background: #f7f7f7 !important; } /* active tab uses a class name "current". its highlight is also done by moving the background image. */ ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { background: #e8e8e8 !important; cursor: default !important; color: #000 !important; } /* initially all panes are hidden */ .panes .pane { display: none; } /* root element for tabs */ ul.tabsSimple { list-style: none; margin: 0 !important; padding: 0; background: #e8e8e8; float: left; width: 100%; border-bottom: 1px solid #FFF; } /* single tab */ ul.tabsSimple li { font-size: 12px; float: left; text-indent: 0; margin: 0 !important; list-style-image: none !important; list-style: none; height: 26px !important; border-right: 1px solid #FFF; } /* link inside the tab. uses a background image */ ul.tabsSimple a { display: block; text-align: center; padding: 3px 10px 2px 10px; text-decoration: none; color: #ed1b1b; margin: 0px; position: relative; } ul.tabsSimple a:active { outline: none; } /* when mouse enters the tab move the background image */ ul.tabsSimple a:hover { color: #000; } /* active tab uses a class name "current". its highlight is also done by moving the background image. */ ul.tabsSimple a.current, ul.tabsSimple a.current:hover, ul.tabsSimple li.current a { cursor: default !important; color: #5a5a5a !important; } ul.tabsSimple a.current { height: 27px; background: #e8e8e8; } /* initially all panes are hidden */ .panes .paneSimple { display: none; border-top: 1px solid red !important; } /*----------------- BREADCRUMB -----------------*/ #breadcrumb { clear: both; float: left; border-bottom: 1px solid #e0e0e0; height: 22px; width: 970px; padding-top: 5px; margin-bottom: 29px; } #breadcrumb ul { margin: 0; padding: 0; list-style: none; } #breadcrumb li { font-size: 11px; color: #555; float: left; } #breadcrumb li a { color: #e40000; text-decoration: none; background: url("img/bullet-single-arrow.gif") no-repeat right; padding-right: 12px; margin-right: 7px; } #breadcrumb li a:hover { text-decoration: underline; } #breadcrumb #tools { float: right; overflow: hidden; } #breadcrumb #tools a { padding-right: 0px; margin-left: 4px; color: #555; } #breadcrumb #tools a.share { padding-left: 18px; background: url("img/icons-tools.gif") no-repeat; } #breadcrumb #tools a.print { padding-left: 18px; background: url("img/icons-tools.gif") no-repeat 0 -17px; } #breadcrumb #tools a.email { padding-left: 18px; background: url("img/icons-tools.gif") no-repeat 0 -34px; } /*----------------- HUB LAYOUTS -----------------*/ #hub { clear: both; float: left; width: 970px; margin-bottom: 30px; } #hub #breadcrumb { margin-bottom: 0; } #hub .intro { float: left; padding: 12px 0; font-size: 16px; color: #555; width: 970px; line-height: 1.5em; } #hub h2 { color: #000; font-size: 18px; margin-bottom: 10px; } #hub .block { float: left; width: 219px; border-top: 1px solid #e0e0e0; padding: 15px 8px; margin-bottom: 20px; } #hub .block h2 a { color: #000; } #hub .block p { margin: 0 0 15px 0; padding: 0; } #hub .block ul { margin: 0; padding: 0; list-style: none; } #hub .block li { background: url("img/bullet-blk-arrow.gif") no-repeat 0 7px; padding-left: 10px; padding-bottom: 5px; } #hub .block .graybox li { background: none; padding-left: 0; padding-bottom: 0; } #hub .block .webcast { border-bottom: 1px solid #e0e0e0; padding-bottom: 10px; margin-bottom: 10px; width: 219px; float: left; margin-top: -15px; padding-top: 15px; } #hub .block .webcast .left { float: left; width: 82px; } #hub .block .webcast .right { float: left; width: 117px; } #hub .block5 { float: left; width: 169px; border-top: 1px solid #e0e0e0; padding: 15px 8px; margin-bottom: 20px; } #hub .block5 h2 { color: #000; font-size: 18px; margin-bottom: 10px; } #hub .block5 h2 a { color: #000; } #hub .block5 p { margin: 0 0 15px 0; padding: 0; } #hub .block5 ul { margin: 0; padding: 0; list-style: none; } #hub .block5 li { background: url("img/bullet-blk-arrow.gif") no-repeat 0 7px; padding-left: 10px; padding-bottom: 5px; } #hub .box { float: left; width: 296px; background: url("img/bg-menu.gif"); padding: 11px 10px 8px 10px; position: relative; } #hub .box h3 { font-weight: bold; color: #000; margin-bottom: 10px; float: left; } #hub .box .img { float: left; margin-right: 11px; } #hub .box p { margin: 0 0 9px 0; } #hub .box ul { margin: 0; padding: 0; list-style: none; } #hub .box li { background: url("img/bullet-blk-arrow.gif") no-repeat 0 7px; padding-left: 10px; padding-bottom: 5px; } #hub .box form { clear: both; } #hub .box select { clear: both; border: 1px solid #FFF; width: 174px; color: #777; } #hub .box .flag { float: left; width: 74px; margin-right: 10px; margin-bottom: 20px; } #hub .spacer10 { float: left; width: 10px; height: 20px;} /*Rotating Content*/ #hub .box #numberPosition { position: relative; overflow: hidden; clear: both; width: 296px; } #hub .box #numbers { float: left; margin-left: 10px; padding: 0; z-index: 10; text-align: right; } #hub .box #numbers a { padding: 2px 5px; margin-left: 2px; background: #dedede; text-decoration: none; color: #000; font-size: 11px; } #hub .box #numbers a:hover { background: #c3c3c3; } #hub .box #numbers a.activeSlide { background: #fd0202; } #hub .box .rotate { clear: both; float: left !important; background: url("img/bg-menu.gif"); width: 296px; } /*----------------- CONTENT LAYOUTS (3 Columns) -----------------*/ #contentWrap { float: left; width: 970px; margin-bottom: 50px; } /* Left Column */ #leftColumn { float: left; width: 170px; margin-right: 10px; min-height: 600px; } #leftColumn h2 { color: #000; font-size: 18px; margin-bottom: 10px; clear: both; } #leftColumn .title { color: #222; font-weight: bold; border-bottom: 1px solid #e2e2e2; padding: 0 0 6px 5px; } #leftColumn .title a { color: #222; text-decoration: none; } #leftColumn .title a:hover { text-decoration: underline; } #leftColumn ul { margin: 0; padding: 0; list-style: none; font-size: 11px; margin-bottom: 35px; } #leftColumn li { border-bottom: 1px solid #e2e2e2; padding: 5px 0 6px 5px; display: block; } #leftColumn li a { background: url("img/arrow-closed.gif") no-repeat right; display: block; color: #444; } #leftColumn li.on { background: url("img/bg-diag.gif"); font-weight: bold; } #leftColumn li.on a { background: url("img/arrow-open.gif") no-repeat right; color: #e40000; } #leftColumn li ul { margin: 0; padding: 0; list-style: none; } #leftColumn li ul li { border-bottom: 0; padding: 2px 0 2px 2px !important; font-weight: normal; border: 1px solid transparent !important; } #leftColumn li ul li a { background: none !important; color: #444 !important; display: block; padding-left: 15px; } #leftColumn li ul li a.more { background: url("img/icon-plus.gif") no-repeat left !important; } #leftColumn li ul li a.on { background: url("img/icon-minus.gif") no-repeat left !important; } #leftColumn li ul li a.selected { font-weight: bold; color: #e40000 !important; } #leftColumn li li ul { margin: 0; padding: 0; list-style: none; } #leftColumn li li ul li { padding: 3px 0 3px 20px !important; } #leftColumn li li ul li a { background: url("img/arrow-red.gif") no-repeat 0 7px !important; padding-left: 10px !important; } #leftColumn li li ul li.on a { background: url("img/arrow-red.gif") no-repeat 0 7px !important; padding-left: 10px !important; font-weight: bold; color: green; } /* Center Column */ #centerColumn { float: left; width: 480px; margin-right: 10px; padding-top: 1px; } #centerColumn h1 { color: #000; font-size: 24px; margin-bottom: 8px; clear: both; line-height: 1.2em; } #centerColumn h2 { color: #444; font-size: 15px; font-weight: bold; margin-bottom: 8px; letter-spacing: 0.05em; clear: both; } /*-ilinium patch: clear:both -- deleted to allow text around images layout-*/ #centerColumn h3 { color: #000; font-size: 15px; font-weight: bold; margin-bottom: -8px; } #centerColumn h3 a { color: #e40000; font-size: 15px; font-weight: bold; margin-bottom: -8px; } #centerColumn p { line-height: 1.7em; } #centerColumn .intro { font-size: 16px; width: 480px; } #centerColumn .intro p { margin: 0 0 9px 0; line-height: 1.5em !important; } #centerColumn hr { margin: 15px 0 !important; clear: both; } #centerColumn ul { margin: 0 0 10px 15px; padding: 0; list-style: square; } #centerColumn li { list-style-image: url("img/bullet-square.gif"); } #centerColumn .columns { float: left; width: 233px; padding-right: 7px; margin-bottom: 20px; } #centerColumn .columns ul { margin-top: 2px; margin-bottom: 15px; line-height: 1.7em; } #centerColumn .mainFeature { clear: both; float: left; margin: 0; padding: 0; width: 480px; height: 261px; position: relative; } #centerColumn .mainFeature .bar { clear: both; position: absolute; bottom: 0; left: 0; color: #FFF; height: 75px; width: 450px; padding: 9px 15px; display: block; background: url("img/bg-blackbar.png"); } #centerColumn .mainFeature .bar .date { font-size: 10px; clear: both; } #centerColumn .mainFeature .bar h2 { font-size: 18px; font-weight: bold; color: #FFF; line-height: 1.5em; } /* Center Column - Media Center */ #centerColumn.mediaCenter h2 { color: #000; font-size: 18px; font-weight: bold; margin-bottom: 8px; letter-spacing: 0.05em; float: left; } #centerColumn.mediaCenter .note { float: left; margin-left: 10px; } #centerColumn.mediaCenter .intro { border-bottom: 1px solid #e0e0e0; margin-bottom: 27px; padding: 8px 0; } /*-ilinium patch: modified to fit real element-*/ #centerColumn.mediaCenter .mediaCenterMap { margin-bottom: 20px; height:530px; } #centerColumn .grayBox { float: left; width: 460px; background: url("img/bg-diag.gif") repeat; padding: 10px; margin-bottom: 35px; } #centerColumn .grayBox .columns { float: left; width: 219px; border-right: 1px solid #FFF; padding: 0 10px 0 0; } #centerColumn .grayBox .columns.last { border-right: 0; margin-left: 10px; padding-right: 0; } #centerColumn .grayBox .columns img { margin-bottom: 13px; } /* Center Column - Tabs */ /* single tab */ #centerColumn ul.tabs li { background: #FFF; border-right: 1px solid #e8e8e8; font-size: 17px; float: left; text-indent: 0; padding: 0; margin: 0 !important; list-style: none; list-style-image: none !important; height: 34px; } /* link inside the tab. uses a background image */ #centerColumn ul.tabs a { background: #FFF !important; display: block; height: 26px; text-align: center; text-decoration: none; color: #000; padding: 8px 12px 0 12px; margin: 0px; position: relative; } #centerColumn ul.tabs a:active { outline: none;} /* when mouse enters the tab move the background image */ #centerColumn ul.tabs a:hover { color: #000; background: #f7f7f7 !important; } /* active tab uses a class name "current". its highlight is also done by moving the background image. */ #centerColumn ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { background: #e8e8e8 !important; cursor: default !important; color: #000 !important; } /* initially all panes are hidden */ #centerColumn .pane { display: none; background: url("img/bg-diag.gif") repeat; padding: 20px 9px 20px 15px; clear: both; float: left; width: 456px; } #centerColumn .pane .imgGrid { float: left; width: 100px; height: 100px; margin: 0 14px 14px 0; } /* Embedded Application Page */ #contentWrap .embeddedApp { float: left; width: 788px; height: 300px; background: #999; margin-bottom: 29px; } #contentWrap .embeddedApp p { text-align: center; color: #FFF; font-size: 16px; line-height: 20px; margin-top: 120px; } /* Wide Feature Banner */ #wideBanner { float: left; width: 970px; margin-top: 4px; } /* Right Column */ #rightColumn { float: left; width: 298px; } #rightColumn h2 { color: #000; font-size: 18px; margin-bottom: 10px; clear: both; } #rightColumn ul { margin: 0; padding: 0; list-style: none; } #rightColumn li { background: url("img/bullet-blk-arrow.gif") no-repeat 0 7px; padding-left: 10px; padding-bottom: 5px; } #rightColumn hr { clear: both !important; margin-top: 0; float: left; border: 0; background-color: #e0e0e0; height: 1px; clear: both; width: 100%; margin-bottom: 15px; } #rightColumn .videoModule { background: url("img/bg-diag.gif"); width: 300px; overflow: hidden !important; margin-bottom: 20px; } #rightColumn .videoModule .text { padding: 8px 13px 0px 13px; } #rightColumn .videoModule p { margin: 0 0 9px 0; } #rightColumn .newsWrap { float: left; width: 298px; margin-bottom: 5px; } #rightColumn .newsWrap .module { float: left; width: 300px; margin-bottom: 10px; } #rightColumn .newsWrap .module .left { float: left; width: 77px; height: 77px; overflow: hidden; } #rightColumn .newsWrap .module .right { float: left; width: 209px; padding: 0px 7px 7px 7px; } #rightColumn .newsWrap .more { clear: both; padding: 10px 0 5px 0; } #rightColumn .newsWrap .module .icon { float: left; width: 26px; overflow: hidden; } #rightColumn .newsWrap .module .shared { float: left; width: 264px; margin-left: 6px; overflow: hidden; } #rightColumn .newsWrap .module .shared .date { font-size: 10px; } #rightColumn .newsWrap .module .shared p { margin: 0; } /*Left Column NewsWrap*/ #leftColumn .newsWrap { float: left; width: 170px; margin-bottom: 20px; } #leftColumn .newsWrap .module { float: left; width: 170px; margin-bottom: 10px; } #leftColumn .newsWrap .module .top { float: left; overflow: hidden; margin-bottom: 5px; } #leftColumn .newsWrap .module .bottom { float: left; width: 160px; margin-bottom: 20px; } #leftColumn .newsWrap .module .left { float: left; width: 77px; } #leftColumn .newsWrap .module .right { float: left; width: 82px; padding: 0px 0px 7px 10px; } #rightColumn form.subscribe { float: left; clear: both; margin: 0; } #rightColumn form.subscribe input { border: 0; float: left; width: 235px; height: 25px; background: url("img/bg-input-subscribe.gif") no-repeat; } #rightColumn form.subscribe .btn { border: 0; width: auto; height: auto; float: left; } /*Large Right Column Layout*/ #rightColumnLarge { float: left; width: 760px; line-height: 1.7em; position: relative; } #rightColumnLarge h1 { color: #000; font-size: 24px; margin-bottom: 8px; } #rightColumnLarge h2 { color: #444; font-size: 15px; margin-bottom: 8px; clear: both; display: block; font-weight: bold; } #rightColumnLarge .intro { font-size: 16px; line-height: 1.5em; } #rightColumnLarge .intro p { margin: 0 0 9px 0; } #rightColumnLarge .date { font-size: 13px; color: #e40000; } #rightColumnLarge .tabsWrap { background: url("img/bg-diag.gif"); float: left; width: 100%; } /*Archives*/ #rightColumnLarge .years { float: left; text-align: right; clear: both; margin: -10px 0 5px 0; display: block; width: 100%; } #rightColumnLarge .years ul { margin: 0; padding: 0; list-style: none; float: right; } #rightColumnLarge .years li { float: left; margin-left: 15px; display: block; } #rightColumnLarge .year { clear: both; background: #e0e0e0; height: 26px; font-weight: bold; padding: 5px 10px 0 10px; margin-bottom: 20px; } #rightColumnLarge .featuredReports { float: left; width: 244px; padding-left: 9px;} #rightColumnLarge .featuredReports .left { float: left; width: 95px; overflow: hidden; padding-top: 6px; } #rightColumnLarge .featuredReports .right { float: left; width: 149px; overflow: hidden; line-height: 1.5em; } #rightColumnLarge .featuredReports .right p { margin: 0 0 18px 0; } #rightColumnLarge .featuredReports .right ul { margin: 5px 0 0 0; padding: 0; list-style: none; } #rightColumnLarge .featuredReports .right li { background: url("img/bullet-blk-arrow.gif") no-repeat 0 8px; padding-left: 10px; padding-bottom: 3px; } #rightColumnLarge .featuredReports2up { float: left; width: 354px; padding-left: 9px;} #rightColumnLarge .featuredReports2up .left { float: left; width: 95px; overflow: hidden; padding-top: 6px; } #rightColumnLarge .featuredReports2up .right { float: left; width: 250px; overflow: hidden; line-height: 1.5em; } #rightColumnLarge .featuredReports2up .right p { margin: 0 0 18px 0; } #rightColumnLarge .featuredReports2up .right ul { margin: 5px 0 0 0; padding: 0; list-style: none; } #rightColumnLarge .featuredReports2up .right li { background: url("img/bullet-blk-arrow.gif") no-repeat 0 8px; padding-left: 10px; padding-bottom: 3px; } #rightColumnLarge .quarterly { float: left; width: 180px; padding-left: 10px; margin-bottom: 25px; } #rightColumnLarge .quarterly h3 { font-size: 14px; color: #444; margin-bottom: 10px; } /* single tab */ #rightColumnLarge ul.tabs { height: auto !important; } #rightColumnLarge ul.tabs li { background: #FFF; font-size: 12px; float: left; text-indent: 0; padding: 0; margin: 0 !important; list-style-image: none !important; font-weight: bold; border-right: 1px solid #e8e8e8; height: 34px; } /* link inside the tab. uses a background image */ #rightColumnLarge ul.tabs a { background: #FFF !important; display: block; height: 26px; text-align: center; text-decoration: none; color: #e40000; padding: 8px 12px 0 12px; margin: 0px; } #rightColumnLarge ul.tabs a:active { outline: none; } /* when mouse enters the tab move the background image */ #rightColumnLarge ul.tabs a:hover { color: #000; background: #e8e8e8 !important; } /* active tab uses a class name "current". its highlight is also done by moving the background image. */ #rightColumnLarge ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { background: #e8e8e8 !important; cursor: default !important; color: #000 !important; } /* initially all panes are hidden */ #rightColumnLarge .pane { display: none; padding: 15px 30px; clear: both !important; float: left; width: 697px; } #rightColumnLarge .pane h3 { font-weight: bold; font-size: 15px; margin-bottom: 5px; } #rightColumnLarge .pane p { margin: 0 0 18px 0; padding: 0; } #rightColumnLarge .pane .left { width: 516px; border-right: 1px solid #FFF; float: left; padding-right: 10px; } #rightColumnLarge .pane .right { width: 150px; float: left; padding-left: 20px; line-height: 1.5em; } #rightColumnLarge .pane .right p { margin: 9px 0; } /*Inner Right Column*/ #rightColumnLarge #rightColumn { float: right; width: 298px; margin-left: 30px; line-height: 1.5em; } /* Videos Page */ #rightColumnLarge .videosWrapper { float: left; width: 738px; } #rightColumnLarge .videosWrapper .vdosLeft { float: left; width: 452px; } #rightColumnLarge .videosWrapper .vdosLeft img { float: left; margin: 0 2px 2px 0; } #rightColumnLarge .videosWrapper .vdosCenter { float: left; width: 226px; } #rightColumnLarge .videosWrapper .vdosCenter img { float: left; margin: 0 2px 2px 0; } #rightColumnLarge .videosWrapper .vdosRight { float: left; width: 59px; } #rightColumnLarge .videosWRapper .vdosRight img { float: left; margin: 0 0 2px 0; } #rightColumnLarge .channel { position: absolute; top: 0; right: 22px; font-size: 10px; color: #444; line-height: 20px; } #rightColumnLarge .channel img { margin-left: 8px; } /*----------------- FORMS - TABLE -----------------*/ table.form { margin-bottom: 20px; } table.form td { padding: 5px 0px; } table.form label { width: 200px !important; margin-left: 5px; } table.form span { color: #e40000; padding-left: 4px; } table.form input { width: 295px; background: url("img/bg-form-input295.gif") no-repeat; border: 0; padding: 0; height: 25px; float: right; } table.form .textarea { width: 480px; height: 201px; border: 0; background: url("img/bg-textarea.gif") no-repeat; } table.form .btn { width: auto; height: auto; border: 0; float: left; } table.form .checkbox { float: left; width: auto; height: auto; border: 0; } table.form hr { margin-top: 0 !important; margin-top: -10px; } /*----------------- TABLE -----------------*/ table.table { background: url("img/bg-diag.gif"); width: 100%; border: 0; margin-bottom: 20px; clear: both; font-size: 12px; } table.table th { background: url("img/bg-tableHeader.gif") bottom repeat-x #a3a3a3; vertical-align: top; padding: 7px 10px; font-weight: bold; color: #FFF; text-align: left; } table.table td { padding: 7px 10px; text-align: left; vertical-align: top; border-right: 1px solid #bdbdbd; } table.table td.last { border-right: 0; } table.table tr.even td { background: #f1f1f1 } table.table tr.title td { background: #bdbdbd; border-right: 1px solid #e8e8e8; color: #FFF; } table.table tr.title td.last { border-right: none; } /*----------------- SUPER FOOTER -----------------*/ #superFooter { float: left; width: 970px; background: #f3f3f3; padding: 10px 0 10px 0; } #superFooter .panel { float: left; width: 148px; font-size: 11px; margin-left: 10px; color: #555; border-right: 1px solid #FFF; } #superFooter .panel.last { border-right: none; } #superFooter a { color: #555; text-decoration: none; } #superFooter a:hover { text-decoration: underline; } #superFooter .panel h4 { font-weight: bold; font-size: 12px; color: #555; margin-bottom: 8px; } #superFooter .panel ul { margin: 0; padding: 0; list-style: none; } #superFooter .panel li { padding-bottom: 0px; } #superFooter .icon { margin-right: 6px; } /*----------------- IN-PAGE ACCORDION -----------------*/ #centerColumn .trigger { font-weight: bold; color: #000; padding: 10px 0 10px 0px; font-size: 13px !important; cursor: pointer; clear: both; } #centerColumn .triggerContent { float: left; clear: both; padding: 0 0 10px 0; margin: 0; display: block; line-height: 1.5em; border-bottom: 1px solid #e0e0e0; color: #444; font-size: 13px; } #centerColumn .triggerContent p { margin: 10px 0 0 0 !important; padding: 0; } #centerColumn .triggerContent li { margin-bottom: 5px; } #centerColumn .openlanguage { background: none !important; } #centerColumn .closedlanguage { background: url("img/bg-accordion.gif") repeat-x bottom; } /*Luigi*/ #options {width:457px; margin:20px auto; text-align:right; color:#9ac1c9} #options a {text-decoration:none; color:#9ac1c9} #options a:hover {color:#033} #acc {width:457px; list-style:none; color:#033; margin:0 auto 40px} #acc h3 {width:443px; border:1px solid #9ac1c9; padding:6px 6px 8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(images/header.gif)} #acc h3:hover {background:url(images/header_over.gif)} #acc .acc-section {overflow:hidden; background:#fff} #acc .acc-content {width:425px; padding:15px; border:1px solid #9ac1c9; border-top:none; background:#fff} #nested {width:425px; list-style:none; color:#033; margin-bottom:15px} #nested h3 {width:411px; border:1px solid #9ac1c9; padding:6px 6px 8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(images/header.gif)} #nested h3:hover {background:url(images/header_over.gif)} #nested .acc-section {overflow:hidden; background:#fff} #nested .acc-content {width:393px; padding:15px; border:1px solid #9ac1c9; border-top:none; background:#fff} #nested .acc-selected {background:url(images/header_over.gif)} /*----------------- FOOTER -----------------*/ #footer { float: left; width: 970px; height: 32px; border-bottom: 5px solid #fe0202; } #footer .copy { float: left; padding: 9px 0 0 0; font-size: 10px; color: #555; } #footer ul { margin: 12px 0 0 9px; padding: 0; line-height: 1em; list-style: none; font-size: 10px; float: left; } #footer li { border-left: 1px solid #ccc; padding-left: 8px; margin-right: 8px; display: inline; float: left; } #footer .future { float: right; margin: 3px 43px 0 0; } /*----------------- MISC -----------------*/ hr { clear: both !important; margin-top: 0; float: left; border: 0; background-color: #e0e0e0; height: 1px; clear: both; width: 100%; margin-bottom: 15px; } a.external { background: url("img/icon-external.gif") right no-repeat; padding-right: 15px; } li.report { background: url("img/icons-presentation.gif") no-repeat 0 5px; display: block; padding-left: 23px; list-style: none; margin-bottom: 4px; } li.presentation { background: url("img/icons-presentation.gif") no-repeat 0 -20px; display: block; padding-left: 23px; list-style: none; margin-bottom: 4px; } li.webcast { background: url("img/icons-presentation.gif") no-repeat 0 -45px; display: block; padding-left: 23px; list-style: none; margin-bottom: 4px; } li.analyst { background: url("img/icons-presentation.gif") no-repeat 0 -68px; display: block; padding-left: 23px; list-style: none; margin-bottom: 4px; } /*-ilinium patch: margin: 15px 15px 15px 0; -- changed margins-*/ .imgLeft { float: left; margin: 4px 15px 15px 0; } .cufon { margin: 0; padding: 0; } .required { text-align: right; font-size: 11px; } .required span { color: #e40000; } /* Gray Box */ .graybox { float: left; width: 199px; background: #e8e8e8; } .graybox .boxHeader { float: left; width: 190px; font-size: 12px; padding: 2px 0 0 9px; background: url("img/bg-graybox-top.gif") repeat-x; height: 21px; font-weight: bold; color: #FFF; } .graybox .boxContent { float: left; width: 199px; background: url("img/bg-menu.gif") repeat; } .graybox .boxContent .content { float: left; width: 179px; padding: 5px 10px; border-top: 1px solid #FFF; } .graybox .note { color: #969696; } /* Stock Table */ table.stock { clear: both; margin-bottom: 10px; color: #444; } table.stock td { vertical-align: top; } table.stock td.right { text-align: right; } #preload { display: none; } /* Content Page Accordion */ .drawer { border-bottom: 1px solid #e0e0e0; padding: 8px 0 2px 0; } .drawer h2.drawer-handle { color: #000 !important; font-size: 13px !important; font-weight: bold; cursor: pointer; } /* jQuery Accordion - Right Column */ /* root element for accordion. decorated with rounded borders and gradient background image */ #rightColumn #accordion { background: #FFF; width: 298px; height: 400px; margin-bottom: 10px; /*background: red;*/ } /* accordion header */ #accordion h2 { background: url("img/close-accordion.gif") no-repeat; margin: 0; padding: 3px 10px 5px 20px; color: #FFF; font-size: 13px; font-weight: bold; cursor: pointer; border-bottom: 1px solid #FFF; } /* currently active header */ #accordion h2.current { cursor: default; background: url("img/open-accordion-selected.gif") no-repeat; } /* accordion pane */ #accordion .pane { background: url("img/bg-diag.gif") repeat; display: none; height: 244px; padding: 18px; color: #555; font-size: 12px; } /* a title inside pane */ #accordion .pane h3 { font-weight: normal; margin: 0 0 -5px 0; font-size: 16px; color: #999; } /*----------------- TOOLTIP -----------------*/ .tooltip { background: #f7f7f7; width: 300px; margin:0; padding: 15px; font-size: 12px; color: #666; } .tooltip h2 { font-weight: bold; font-size: 14px; margin-bottom: 10px; } .tooltip p {margin:0;text-align:justify;} #tooltip_1 {z-index:100000;} #tooltip_2 {height:300px;width:300px;background:#fff;border-color:#e66;} .videoTip { background: url("img/bg-smallBanner.png"); } .closeBtn { display: none; } @media only screen and (device-width: 768px) { .closeBtn { display: block; position: absolute; top: 0; right: 0; } } /*----------------- COLORBOX -----------------*/ /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:visible;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* ColorBox example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{ background:#000; width: 200% !important; height: 200% !important; } #colorbox{} #cboxContent{margin-top:32px; margin-bottom: 100px;padding-bottom: 100px;} #cboxLoadedContent{background: url("img/bg-menu.gif") repeat; padding: 50px; } #cboxLoadingGraphic{background:url("img/loading.gif") no-repeat center center;} #cboxLoadingOverlay{background:#000;} #cboxTitle{position:absolute; top:-22px; left:0; color:#000;} #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} #cboxSlideshow, #cboxPrevious, #cboxNext{text-indent:-9999px; width:20px; height:20px; position:absolute; top:0px; background:url("img/controls.png") no-repeat 0 0;} #cboxClose {text-indent:-9999px; width:26px; height:28px; position:absolute; float:right; top:-12px; right:-12px; background:url("../../images/share-this-close.png") no-repeat 0 0; z-index:10000;} #cboxPrevious{background-position:0px 0px; right:44px;} #cboxPrevious.hover{background-position:0px -25px;} #cboxNext{background-position:-25px 0px; right:22px;} #cboxNext.hover{background-position:-25px -25px;} /*#cboxClose{background-position:-50px 0px; right:0;} #cboxClose.hover{background-position:-50px -25px;}*/ .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;} .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;} .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;} /*----------------- SAFARI HACKS -----------------*/ @media screen and (-webkit-min-device-pixel-ratio:0) { #sddm li.last .hide { height: 5px; width: 107px; position: absolute; top: 23px; right: 0px; z-index: 1000 !important; display: block; background: #FFF; } } /* DO NOT OVERWRITE FILE BEFORE SEARCH FOR ilinium patches */ /*----- ILINIUM CLASSES -----*/ /*----- ACCORDION FULL WIDTH -----*/ .accordionCenter { background: none; width: 100%; float: left; font-weight: normal; } /* currently active header */ .accordionCenter h3:hover { cursor: pointer; } .accordionCenter h3.current { cursor: default; } /* accordion pane */ .accordionCenter div.paneCenter { display: none; height: 100% !important; font-weight: normal !important; padding: 8px; } .accordionTop { float:right; } /*----------------- TABLE'S FOOTER -----------------*/ .tableFooter { margin-top:0; font-size:11px; text-align:justify; } /*----------------- FORM - TABLE -----------------*/ .btnSubmit { width: 62px; height: 23px; border: 0; float: left; background-image:url(/../images/btn-submit.gif); background-repeat:no-repeat;} TD.rowForm { padding:5px 0px 5px 0px; } TD.rowFormTrading { padding:3px 0px 3px 0px; } .txtForm { width:295px; } .txtFormTrading { width:225px; } .lblRequired { color: #e40000; padding-left: 4px; } /*----------------- DATES IN THIRD AND FOURTH LEVEL MASTER -----------------*/ .date { font-size: 13px; color: #e40000; } /*----- RIGHT COLUMN LARGE FIXES -----*/ /*----- Missing elements of common use for 2-column templates -----*/ #rightColumnLarge h3 { color: #000; font-size: 15px; font-weight: bold; margin-bottom: -8px; clear: left; } #rightColumnLarge ul { margin: 0 0 10px 15px; padding: 0; list-style: square; } #rightColumnLarge li { list-style-image: url("img/bullet-square.gif"); } #rightColumnLarge .quarterly li { list-style-image: none; } #rightColumnLarge .newsWrap .module ul { padding: 0; margin: 0 } #rightColumnLarge .newsWrap .module li { list-style: none; } #rightColumnLarge #rightColumn h2 { color: #000; font-size: 18px; margin-bottom: 10px; clear: both; font-weight:normal } #rightColumnLarge .tabsWrap ul { list-style:none } #rightColumnLarge .trigger h3 {cursor:pointer} #innerContentArea { width:432px; margin-right:0px; position:relative; float:left; } #innerContentArea h3 { color: #000; font-size: 15px; font-weight: bold; margin-bottom: -8px; clear: both; } /*----- PRESS RELEASES -----*/ .pressDisclaimerSeparator { text-align:center; font-style:italic } .pressDisclaimer { text-align:justify; font-style:italic } .pressContactsTable { width:100% } /*----- QUOTES -----*/ .quoteSmall { color:#999; font-weight: bold; font-style: italic } .quote { color:#999; font-size: 15px; font-weight: bold; font-style: italic } .quoteCentered { color:#999; font-size: 15px; font-weight: bold; font-style: italic; text-align:center } /*----- Quotes module -----*/ #rightColumn .quoteModule { background: url("../../images/icon-quotes.gif") no-repeat; width: 298px; overflow: hidden; margin-bottom: 20px; } #rightColumn .quoteModule .text { padding: 8px 13px 0px 13px; } #rightColumn .quoteModule .text a { font-size:12px; font-weight:normal; font-style:normal;} #rightColumn .quoteModule .quoteAuthor { color:#666; font-size:11px; text-align:right; } /*----- HISTORY TIMELINE -----*/ .timelineYear { width:10%; padding-right:15px; vertical-align:text-top; border-bottom:1px solid #E0E0E0 } .timelineDescription { width:90%; vertical-align:text-top; border-bottom:1px solid #E0E0E0 } /*----- BOTTOM LINKS - SUSTAINABLE DEVELOPMENT -----*/ .rightLink { float:right; } /*----- LEFT IMAGES CONTAINER - OUR PEOPLE -----*/ .leftImgContainer { display:block; width:172px; height:349px; } .leftImgContainer2 { display:block; width:160px; margin-top:0 } .leftImgContainer3 { display:block; width:181px; margin-top:0 } .leftImgContainer2 img, .rightImgContainer2 img { margin-bottom:0 } .leftImgContainer2 .footnote, .rightImgContainer2 .footnote { margin-top:0; font-size:11px; text-align:justify; float:left; } .leftImgContainer3 img { margin-bottom:0 } .leftImgContainer3 .footnote { margin-top:0; font-size:11px; text-align:justify } /*----- YEAR CONTAINER - SUSTAINABLE DEVELOPMENT (AWARDS) -----*/ .yearHeader { clear: both; background: #e0e0e0; height: 26px; font-weight: bold; padding: 5px 10px 0 10px; margin-bottom: 20px; } /*----- REPORTS - SUSTAINABLE DEVELOPMENT (GLOBAL REPORTS) -----*/ .coverReport { width:30px; height:39px; display:table-column; float:left; } .online { width:31px; height:10px; display:inline-table; margin-left:6px; } .pdf { width:31px; height:10px; display:block; margin-left:37px; } /*----- SUB INDEX - SUSTAINABLE DEVELOPMENT -----*/ .sub { font-size:9px; } /*----- ACCORDION FULL WIDTH - NESTED -----*/ .accordionInternal { background: none; width: 100%; float: left; font-weight: normal; } /* currently active header */ .accordionInternal h2:hover { cursor: pointer; } .accordionInternal h2.current { cursor: default; } /* accordion pane */ .accordionInternal div.paneInternal { display: none; height: 100% !important; font-weight: normal !important; padding: 8px; } /*----- DIVISORY LINE FOR TABLE -----*/ .dataEnd { border-bottom:solid 1px #9f9e9e } /*----- CASE STUDIES AND MEDIA CENTER STORIES -----*/ .imgRight { margin:0px 0px 15px 15px; float:right; } .imgLeftAccordion { padding-top:10px } /*----- MODAL WINDOW -----*/ #modalMask, #modalMaskWallpaper { position:absolute;z-index:9000;background-color:#000;display:none; } #modal .window { position:absolute;width:440px;height:200px;display:none;z-index:9999;padding:20px; background:url(img/bg-page.gif); COLOR: #555 } #modal #video { background-color:#FFF;width:640px;height:auto/*420px*/; } /*----- DATE AND CHICKLETS -----*/ #dateChickHolder { width:100%; height:25px; } #dateChickHolder .dateDiv { float:left } #dateChickHolder .chickDiv { float:right } /*----- STORIES LIST -----*/ .inlineImg { width:80px; height:80px; margin-top:6px } .inlineDivImg { display:inline; float: left; padding:10px; } .inlineText { display:inline; float: left; width:380px; } /*----- USER CONTROLS -----*/ /*----- Reports -----*/ #rightColumn .relatedReportsWrap { float: left; width: 298px; height: 210px; margin-left: 0px; margin-bottom: 10px; display:block; } #rightColumn .relatedReportsWrap .module { float: left; width: 140px; margin-bottom: 10px; text-align:center;} #rightColumn .relatedReportsWrap .module .left { float: left; width: 140px; padding: 0px 0px 0px 0px;height: 140px; overflow: hidden;} #rightColumn .relatedReportsWrap .module .right { float: left; width: 140px; padding: 0px 0px 0px 0px;} /*----- Case study -----*/ #bannerCaseStudy { margin:0px; padding:0px; height:236px; margin-bottom:10px; } #bannerCaseStudy #navCaseStudy { position: relative; float: left; width: 298px; height: auto;border:0px solid red;padding:0px; margin-top: -20px;margin-bottom: 15px;} #bannerCaseStudy #pagernav { position: relative !important; top: 5px; right: 5px; padding: 0; z-index: 7; text-align: right; } #bannerCaseStudy #pagernav a { padding: 2px 5px; margin-left: 2px; background: #dedede; text-decoration: none; color: #000; font-size: 11px; } #bannerCaseStudy #pagernav a:hover { background: #c3c3c3; } #bannerCaseStudy #pagernav a.activeSlide { background: #fd0202; } /*----- News -----*/ .newsControlContainer { width:300px; height: 410px; display:block; float:left; margin-bottom:20px; } .newsControlTitle { color: #FFF !important; font-size: 12px !important; font-weight: bold !important; background: url("img/open-accordion-selected.gif") no-repeat !important; margin: 0 0 1px 0 !important; padding: 2px 0 3px 17px !important; cursor: pointer } .newsControl { clear: both; padding: 0; margin: 0; display: block; padding: 10px 10px 10px 17px; background: url("img/bg-diag.gif"); height: 215px; } .newsControl p { margin: 0; padding: 0; font-size:11px } .newsControlTitle.closedlanguage { background: url("img/close-accordion.gif") no-repeat !important; padding-left: 17px; } /*----- Videos -----*/ #bannerVideos {margin:0px; padding:0px; height:166px; } #bannerVideos #navVideos { position: relative; float: left; width: 298px; height: 215px;border:0px solid red;padding:0px; margin-top: -20px;margin-bottom: 15px;} #bannerVideos #pagernavVideo { position: relative !important; top: 5px; right: 5px; padding: 0; z-index: 6; text-align: right; } #bannerVideos #pagernavVideo a { padding: 2px 5px; margin-left: 2px; background: #dedede; text-decoration: none; color: #000; font-size: 11px; } #bannerVideos #pagernavVideo a:hover { background: #c3c3c3; } #bannerVideos #pagernavVideo a.activeSlide { background: #fd0202; } .videoContainer { height:242px; width:298px; display:block; float:left; margin-bottom:10px; } /*----- Related Links -----*/ .relatedLinksContainer { display:block; margin-bottom:10px; width: 298px; float: left; } /*----- Maps -----*/ .generalMapContainer { height:308px; width:298px; display:block; float:left; margin-bottom:10px; } /*----- COUNTRY LIST FOR LINKS -----*/ #cemexWebsite { border: 1px solid #cecece; padding: 0; background: #fdfdfd; position:absolute; z-index:9999; visibility:hidden} #cemexWebsite td { padding:4px} /*#cemexWebsiteLink:link { padding: 0 2px 2px 2px } #cemexWebsiteLink:hover { background: #fdfdfd; border: 1px solid #cecece; border-width: 0 1px 1px 1px; padding: 0 2px 2px 2px }*/ /*----- WALLPAPER -----*/ #wallpaper { width:800px; height:auto; position:absolute; display:none;z-index:9999;padding:20px; background:url(img/bg-page.gif); COLOR: #555 } .fullWallpaper, #colorboxWallpaper { width:810px; } /* Anchor Country Location */ a.arrowRight { background: url("img/bullet-blk-right-arrow.gif") no-repeat 90% 5px; padding-right: 12px; text-decoration: none; color: #e40000; } a.arrowRight:hover { text-decoration: underline; } /*----- Fix Home Accordion -----*/ #blockOne .one .accordion .firstFix { margin: -2px 0 0 0; padding: 0; } /*----- InfoWindow for small maps -----*/ .next-tab { margin-left:100px; } /*----- Table Of Bagged Cement (Product & Services) ------*/ .cement-title { font-weight:bold; color:Black; margin:0 0 0 0; } .content { text-align:center; margin-top:0px; vertical-align:top; } img.center {margin:auto; display:block; padding:5px 5px 5px 5px; } table.centerTable{margin:auto; } p.italic{ font-style:italic; } table.centerTable td{padding: 3px 3px 3px 3px; margin:3px 3px 3px 3px; text-align:left;} /*---- Ready Mix Calculators ----*/ table.concrete { background: url("img/bg-diag.gif"); width: 100%; border: 0; margin-bottom: 20px; clear: both; font-size: 12px; } table.concrete th { background: url("img/bg-tableHeader.gif") bottom repeat-x #a3a3a3; vertical-align: top; padding: 7px 10px; font-weight: bold; color: #FFF; text-align: left; } table.concrete td { padding: 7px 10px; text-align: left; vertical-align: top; border-right: 1px solid #bdbdbd; } table.concrete td.last { border-right: 0; } table.concrete tr.even td { background: #f1f1f1; } table.concrete tr.title td { background: #bdbdbd; border-right: 1px solid #e8e8e8; color: #FFF; } table.concrete tr.title td.last { border-right: none; } table.concrete input[type=button] { padding:3px 3px 3px 3px; margin:3px 3px 3px 3px; font-size:small;} table.concrete input[type=reset] { padding:3px 3px 3px 3px; margin:3px 3px 3px 3px; font-size:small;} table.concrete td span.tres { padding: 5px 4px 5px 60px;} table.concrete td span { padding: 5px 4px 5px 80px;} table.concrete td span.dos { padding: 5px 4px 5px 85px;} table.concrete td span.result { text-align:center;} table.concrete td span.blockCount { text-align:center;} /*---- End of Ready Mix Calculators -----*/ /*---- Aggregates Calculators ----*/ table.aggregates { background: url("img/bg-diag.gif"); width: 100%; border: 0; margin-bottom: 20px; clear: both; font-size: 12px; } table.aggregates th { background: url("img/bg-tableHeader.gif") bottom repeat-x #a3a3a3; vertical-align: top; padding: 7px 10px; font-weight: bold; color: #FFF; text-align: left; } table.aggregates td { padding: 7px 10px; text-align: left; vertical-align: top; border-right: 1px solid #bdbdbd; } table.aggregates td.last { border-right: 0; } table.aggregates tr.even td { background: #f1f1f1; } table.aggregates tr.title td { background: #bdbdbd; border-right: 1px solid #e8e8e8; color: #FFF; } table.aggregates tr.title td.last { border-right: none; } table.aggregates input[type=button] { padding:3px 3px 3px 3px; font-size:small; margin:4px 0px 4px 0px;} table.aggregates input[type=text] { margin:2px 0px 2px 0px; font-size:small;} table.aggregates input[type=reset] { padding:3px 3px 3px 3px; font-size:small;} table.aggregates td span.fields1 { padding: 2px 2px 2px 105px;} table.aggregates td span.fields2 { padding: 2px 2px 2px 112px;} table.aggregates td span.fields3 { padding: 2px 2px 2px 56px;} table.aggregates td span.fields4 { padding: 2px 2px 2px 18px;} table.aggregates td span.fields5 { padding: 2px 2px 2px 0px;} table.aggregates td span.choose { padding:2px 2px 2px 115px;} table.aggregates td span.res1 { padding: 0px 0px 0px 120px;} table.aggregates td span.res2 { padding: 0px 0px 0px 105px;} table.aggregates td span.res3 { padding: 0px 0px 0px 115px;} table.aggregates td span.res4 { padding: 0px 0px 0px 129px;} /*---- End of Aggregates Calculators -----*/ /*---- Block Calculators ----*/ div.titleBlock { color:#555555; font-weight:bold; color:Black; font-size:small; margin:10px 0 5px 0; text-align:center;} div.note {color:#555555; font-weight:bold; padding:0 0 40px 20px; text-align:center;} table.block { background: url("img/bg-diag.gif"); width: 100%; border: 0; margin-bottom: 20px; clear: both; font-size: 12px; } table.block th { background: url("img/bg-tableHeader.gif") bottom repeat-x #a3a3a3; vertical-align: top; padding: 7px 10px; font-weight: bold; color: #FFF; text-align: left; } table.block td { padding: 7px 10px; text-align: left; vertical-align: top; border-right: 1px solid #bdbdbd; } table.block td.last { border-right: 0; } table.block tr.even td { background: #f1f1f1; } table.block tr.title td { background: #bdbdbd; border-right: 1px solid #e8e8e8; color: #FFF; } table.block tr.title td.last { border-right: none; } table.block td input[type=button] { padding:3px 3px 3px 3px; margin:3px 3px 3px 10px; font-size:small;} table.block td input[type=reset] { padding:3px 3px 3px 3px; margin:3px 3px 3px 0px; font-size:small;} table.block td span.one { padding:3px 3px 3px 70px;} table.block td span.one input { margin:3px 3px 3px 35px;} table.block td span.two { padding: 3px 3px 3px 164px;} table.block td span.result { margin:3px 3px 3px 158px} table.block td span.radios { margin:3px 3px 3px 180px} table.block td span.blockCount {margin:3px 3px 3px 193px;} span.linkToTop { font-size:small; text-align:right; float:right;} /*---- End of Block Calculators -----*/ /*---- Quality Table ----------------------------------- */ table.qualityTable{ width:100%; border:2px solid; } table.qualityTable td {border:1px solid; padding: 2px 2px 2px 2px;} table.qualityTable tr.tableHeader { background-color:#e8e8e8; color:#555555; font-weight:bold;} table.qualityTable td.tableHeader { color:#555555; font-weight:bold;} /*---- End of Quality Table ----------------------------------*/ span.titleLink { font-weight:bold;} /*---- Careers ----------------------------------------*/ div.careersMenu { width:50px; height:20px; float:left;} div.spacerDiv { height:160px; float:left;} /*---- End of Careers --------------------------------*/ /*---- Table of Specifications of Cement -----------------------------------------------------*/ div.customerCareTable { text-align:center; font-weight:bold;} p.little {text-align:right; font-size:smaller;} /*---- End of Table ----------------------------------------------------------------------------*/ #blockOne #follow span.followSpace { padding:0 0 0 50px;} span.separateLinks {padding:0 0 0 15px;} /*---- Jesse Mountain Petition ----------------------------------------------------------------------------------------*/ #jesseMountainPetitionTabs {float:left; display:block;} #jesseMountainPetitionTabs ul.tabs a { background: #FFF !important; display: block; height: 26px; text-align: center; text-decoration: none; color: #e40000; padding: 8px 12px 0 12px; margin: 0px; } #jesseMountainPetitionTabs ul.tabs a:active { outline: none; } #jesseMountainPetitionTabs ul.tabs a:hover { color: #000; background: #e8e8e8 !important; } #jesseMountainPetitionTabs ul { list-style: none; margin: 0 !important; padding: 0; height: 34px; background: #FFF; float: left;} #jesseMountainPetitionTabs li { background: #FFF; font-size: 10px; float: left; text-indent: 0; padding: 0; margin: 0 !important; list-style-image: none !important; font-weight: bold; border-right: 1px solid #e8e8e8; height: 34px; } #jesseMountainPetitionTabs li a { font-size:12px;} #jesseMountainPetitionTabs ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { background: #e8e8e8 !important; cursor: default !important; color: #000 !important; } #jesseMountainPetitionTabs .pane {float:left; display:block; width:635px; } #jesseMountainPetitionTabs .goBack{ position:absolute; top:315px; left:750px;} #jesseMountainPetitionTabs table td span.requiredField { color:red;} #jesseMountainPetitionTabs table input[type="text"] { width:300px; margin-left:10px;} #jesseMountainPetitionTabs table select { width:305px; margin-left:10px;} #jesseMountainPetitionTabs table textarea { height:61px; width:300px; margin-left:10px;} #jesseMountainPetitionTabs .pane .counterContent { float:left; display:block; border:1px solid #8d8c8c; padding:1px 0 1px 2px; background:#ffffff; margin-top:-10px;} #jesseMountainPetitionTabs .pane .counterContent .counterLabel { color:#343434; font-weight:bold;} #jesseMountainPetitionTabs .pane .counterContent div {float:left; background:#d8d8d8; text-align:left; font-weight:bold; border:1px dotted #8d8c8c; padding:0 3px 0 3px; margin-right:15px;} #jesseMountainPetitionTabs .pane .counterContent div span { float:left; display:block; color:#8d8c8c;} #jesseMountainPetitionTabs .pane .signatures {color:#717171; font-size:8pt; margin-top:15px;} /*------ LOCAL MARKETS QUOTE REQUESTS (xplaye-ilinium version) ----*/ /*----------------- main menu -----------------*/ #menulm { width: 971px; height: 31px; margin-left: -1px; float: left; background: url("img/bg-menu.gif"); margin-bottom: 2px; z-index: 400; } #menulm ul.megamenu a.mm-item-link { position: relative; display: inline-block; padding: 8px 48px 0 48px; color: #666 !important; font-weight: bold; height: 22px; border: 1px solid #FFF; border-width: 1px 1px 0 1px; text-decoration: none; z-index: 100; font-size: 13px; } /*Last Link in Menu*/ #menulm ul.megamenu a.mm-item-link.last { padding-left: 50px; } /*Menu Hover*/ #menulm ul.megamenu a.mm-item-link-hover { color: #FFF !important; background: #e40000 !important; height: 25px; } /* Dropdown Menu - SubMenu */ .dropmenulm { height:1px; visibility:hidden; line-height:100% } /*----------------- content elements -----------------*/ .introlm {width:100%; font-size: 16px; margin-top:-10px; margin-bottom:-15px} .blueText {color:#003876} .content220 {width:220px; float:left; padding-right:5px} .content220 h3 {font-size: 16px !important} .content220 p {font-size: 14px; margin-top:20px; line-height:130% !important} .content220 strong {color:#003876; font-weight:normal} .content220float {width:220px; float:left; padding-right:5px; color:#FFF; position:absolute; z-index:2; left:22px; top:106px;} .content220float h3 {font-size: 16px !important; color:#FFF !important} .content220float p {font-size: 14px; margin-top:20px; line-height:130% !important} .content220float strong {color:#458BD9; font-weight:normal} .introImgBanner { display:block; position:relative; float:left; width:700px; height:241px; } .introImgBanner img { display:block; position:relative; float:left; } /*----------------- quote form -----------------*/ .contactPhone {width:220px; background-color:#003876; color: #FFF; text-align:center; margin-left:10px; font-size:18px; line-height:130%} .formTitle {color: #000; font-size:12px} .formLabel {font-size:13px} .formBox {height:20px; font-size:13px} /*----------------- calculators -----------------*/ table.concretelm { width: 60%; clear: none; float:right } table.concretelm th { text-align:center } table.concretelm select {font-size:10px} table.aggslm select {font-size:10px} /*----------------- maps -----------------*/ table.tablelm td { border-left:none } table.tablelm tr.even td { border-left:none } table.tablelm th.last { border-right:none; border-left:none } /*------ quita el scroll horizontal al infoWindow de los mapas ----*/ .gm-style-iw { overflow:hidden!important; }